<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./accountTransfer.css">
</head>

<body>
    <div class="bbg">
        <div class="accountTransfer-top">
            <div class="simal"> <img src="../左箭头.png" alt="">
            </div>
            <div>账号转账</div>
            <div><img src="../客服.png" alt=""></div>
        </div>
        <div class="payment">
            <div class="payment-box">
                <span class="payment-span">付款账户</span>
                <div class="paymentpid">
                    <span class="paymentpid-span">6216****1091</span>
                    <img src="../youjiantou.png" alt="">
                </div>
            </div>
        </div>
        <div class="available">
            <span>可用余额: <span class="available-span-1">人民币元 0.00</span></span>
        </div>
        <div class="currency-b">
            <div class="currency">
                <div class="currency-box">
                    <span>币种</span><span class="currency-span">人民币元</span>
                </div>
                <div class="currency-money">
                    <span class="currency-money-span">转账金额</span>
                    <input type="text" class="currency-money-input" placeholder="请输入">
                </div>
            </div>
        </div>
        <div class="getmoney">
            <div class="getmoney-name">
                <div>
                    <span class="getmoney-box-span">收款人名称</span>
                    <input class="getmoney-box-input" type="text" placeholder="请输入">
                </div>
                <div class="getmoney-box-div">
                    <img src="../我的-F (1).png" alt="">
                    <span>收款人</span>
                </div>
            </div>
            <div class="getmoney-cart">
                <div>
                    <span class="getmoney-span">收款账号</span>
                    <input class="getmoney-cart-input" type="text" placeholder="请输入">
                </div>
                <div class="getmoney-box-div2">
                    <img src="../相机.png" alt="">
                    <span>拍卡</span>
                </div>
            </div>
        </div>
        <div class="postscript">
            <div class="postscript-box">
                <span>附言</span>
                <input type="text" placeholder="选填，最多20个汉字">
            </div>
            <div class="appointmentExecution">
                <span>预约执行</span>
                <div id="appointmentExecution-box1" class="appointmentExecution-box">
                    <div id="appointmentExecution-id" onclick="appointmentExecution()"></div>
                </div>
            </div>
            <script>
                var index = 0;
                function appointmentExecution() {
                    var appointmentExecution = document.getElementById("appointmentExecution-id");
                    var appointmentExecutionbox = document.getElementById("appointmentExecution-box1");
                    if (index == 0) {
                        appointmentExecutionbox.style.backgroundColor = "blue";
                        appointmentExecution.style.translate = "20px";
                        index++;
                    } else {
                        appointmentExecution.style.translate = "0px";
                        appointmentExecutionbox.style.backgroundColor = "white";
                        index--;
                    }

                }
            </script>
        </div>
        <div class="next-box">
            <span>下一步</span>
        </div>
        <div class="bottom">
            <span class="bottom-span1">1.为了您的资金安全，请注意核实收款人的身份，不要轻信陌生人通过网络、电话、短信等方式告知的信息，谨防电信网络诈骗。</span>
            <span class="bottom-span2">查看详情</span>
            <span class="bottom-span3">2.跨行转账实际到账时间以智信银行和收款行的处理情况为准。</span>
            <span class="bottom-span4">3.跨行实时转账单笔上限100万。</span>
        </div>
    </div>
</body>

</html>